Como carregar uma imagem diferente cada vez que abrir o site?

mudar imagem ao carregar site

Pode ser usado os segundos do PHP para controlar a troca aleatória da imagem de background do CSS.

Pode conferir o efeito recarregando a página.



Além do que já foi mencionado uso if e else para fazer a troca.

ficando algo como:

<?php
          $segundos = date('s')%10;
          if($segundos < 3){
            $imagem = 'php';
          }elseif($segundos >= 3 and $segundos < 5) {
            $imagem = 'css';
          }elseif($segundos >= 5 and $segundos < 8) {
            $imagem = 'html';
          }else{
            $imagem = 'javascript';
          }    
 ?>

No caso é registrado o resto da divisão dos segundos por dez para facilitar o if e deixar a troca da imagem mais rápida.

Também poderia ser usado um array para recuperar a imagem ficando assim:

$arrayImagem = array("php", "css", "javascript", "html", "python", "asp", ".dotnet", "java", "ruby", "perl");
$imagem = $arrayImagem[$segundos];

Se fossem menos de 5 imagens no projeto usaria o if direto, umas 10 o array, agora se tivessem mais, buscaria no banco de dados elas.

Como recuperar dados do banco com PHP?

Para o css é usado algo como:

<style type="text/css" scoped="scoped">
          .banner_area {
              width: 100%;
              height: 100%;
              background: url(./leiaute-site/img/<?php echo $imagem; ?>.jpg) no-repeat center;
          }

</style>

Quer acompanhar as novidade do site?

Leia mais em: ww.php.net/manual/pt_BR/ref.i...

Como carregar uma imagem diferente cada vez que abrir o site?

Última atualização: 2023-02-15

Palavras-Chaves

Quer acompanhar as novidade do site?
Veja também:

Como embutir código PHP em arquivos CSS?

manipular CSS com PHP

Como mudar tema ou inserir foto no relógio smartwatch D20?

colocar foto relógio d20

Como colocar ícone no site?

Colocar icone no site

Como remover espaços em branco no php?

remover espaços php

Como dar espaço em html?

espaço em html

Como riscar texto com css?

Riscar texto com CSS

Web Stories